


        
        #about{
            margin-top: 80px;
        }
        #about .content{
            position: relative;
        }
        #about .content>*{
            width: 50%;
        }
        #about .content .txt{
            padding-right: 40px;
        }
        #about .content .txt .t{
            margin-top: 80px;
            line-height: 2;
            font-size: 14px;
        }
        #about .content .pic{
            position: absolute;
            top: 0px;
            right: 0px;
            height: 100%;
            z-index: 2;
            padding: 50px 32px 36px 56px;
        }
        #about .content .txt .t,
        #about .content .pic{
            transition: opacity .5s,transform .5s;
            opacity: 0;
            transform: translateX(30px);
        }
        #about .frozen .txt .t,
        #about .frozen .pic{
            opacity: 1;
            transform: translateX(0px);
        }
        #about .content .pic::before,
        #about .content .pic::after{
            content: '';
            position: absolute;
            background: #a01f24;
            z-index: -1;
            transition: transform;
            width: 270px;
            height: 210px;
            top: 0px;
            left: 0px;
            transform-origin: right bottom;
            transform: scale(0);
            transition: transform .6s .6s;
        }
        #about .frozen .pic::before,
        #about .frozen .pic::after{
            transform: scale(1);
        }
        #about .content .pic::after{
            top: auto;
            left: auto;
            right: 0px;
            bottom: 0px;
            transform-origin: top left;
        }

        #culture{
            margin-top: 110px;
            padding-top: 70px;
            padding-bottom: 110px;
            position: relative;
        }
        #culture .bg{
            z-index: 0;
        }
        #culture::before{
            content: '';
            background: #ac080b;
            opacity: .8;
            z-index: 1;
        }
        #culture .fluid{
            position: relative;
            z-index: 2;
        }
        #culture .ttl>*{
            color: #fff;
        }
        #culture .fluid .list{
            overflow: hidden;
            margin-left: -30px;
        }
        #culture .fluid .list .itm{
            width: calc(50% - 30px);
            margin-left: 30px;
            float: left;
            margin-top: 60px;
            background: #fff;
            padding: 35px 30px;
            font-size: 24px;
            font-weight: bold;
            color: #575757;
        }
        #culture .fluid .list .itm p:first-child{
            color: #ac080b;
            margin-bottom: 20px;
        }

        #dev{
            margin-top: 90px;
        }
        #dev .content{
            width: 500px;
            margin-right: 60px;
        }
        #dev .content .ttl{
            padding-bottom: 16px;
            border-bottom: 4px solid #ac080b;
        }
        #dev .content .history{
            margin-top: 30px;
            position: relative;
            width: 100%;
        }
        #dev .content .history>p{
            position: absolute;
            top: 0px;
            right: 0px;
            font-size: 30px;
            font-weight: bold;
            color: #a01f24;
            cursor: pointer;
            line-height: 1;
            z-index: 2;
        }
        #dev .content .history .prev{
            right: 30px;
        }
        #dev .content .history .itm{
            position: absolute;
            width: 100%;
            top: 0px;
            left: 0px;
            opacity: 0;
            transition: .3s all;
            transform: translateY(30px);
        }
        #dev .content .history .itm.max{
            position: relative;
        }
        #dev .content .history .itm.active{
            opacity: 1;
            transform: translateY(0px);
        }
        #dev .content .history .itm p{
            margin-top: 15px;
            line-height: 1;
            font-size: 14px;
            color: #575757;
        }
        #dev .content .history .itm p:first-child{
            font-weight: bold;
            color: #a01f24;
            font-size: 36px;
            
            margin-bottom: 40px;
            margin-top: 0px;
        }
        #dev .picSwp{
            flex: 1;
            min-height: 525px;
        }


        #hornor{
            margin-top: 115px;
            padding-top: 90px;
            background: #f9f9f9;
            padding-bottom: 54px;
        }
        #hornor .tips .ttl p{
            white-space: nowrap;
        }
        #hornor .tips .t{
            font-size: 14px;
            flex: 1;
            padding-left: 6.25vw;
            color: #575757;
            line-height: 2;
        }
        #hornor .tips{
            margin-bottom: 80px;
        }
        #hornor .hornorSwp{
            margin-top: -12px;
            padding-top: 12px;
            padding-bottom: 108px;
        }
        #hornor .hornorSwp .item{
            position: relative;
            z-index: 2;
            font-size: 17px;
            padding: 35px;
            padding-bottom: 0px !important;
            transition: transform .5s;
        }
        #hornor .hornorSwp .item:hover{
            transform: translateY(-12px);
        }
        #hornor .hornorSwp .item::before,
        #hornor .hornorSwp .item::after{
            content: '';
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            padding-bottom: 75%;
            background: #fff;
            z-index: -1;
        }
        #hornor .hornorSwp .item::after{
            z-index: -2;
            background: #a01f24;
            transition: all .5s;
            opacity: 0;
        }
        #hornor .hornorSwp .item:hover::after{   
            opacity: 1;
            transform: translate(12px,12px);
        }
        #hornor .hornorSwp .item img{
            margin-top: 5px;
        }
        #hornor .hornorSwp .hornorPagi,
        #team .teamSwp .teamPagi{
            bottom: 0px;
            height: 12px;
        }
        #hornor .hornorSwp .hornorPagi span,
        #team .teamSwp .teamPagi span{
            opacity: 1;
            background: #c0c0c0;
            width: 12px;
            height: 12px;
            vertical-align: top;
            margin: 0px 8px;
        }
        #hornor .hornorSwp .hornorPagi .swiper-pagination-bullet-active,
        #team .teamSwp .teamPagi .swiper-pagination-bullet-active{
            background: #a01f24;
        }


        #team{
            margin-top: 90px;
            padding-bottom: 65px;
        }
        #team .teamSwp{
            margin-top: 55px;
            padding-bottom: 75px;
        }
        #team .teamSwp .item .pic{
            padding-bottom: 110%;
            position: relative;
            overflow: hidden;
        }
        #team .teamSwp .item .pic img{
            transition: all .5s;
        }
        #team .teamSwp .item:hover .pic img{
            transform: scale(1.1);
        }
        #team .teamSwp .item .txt{
            background: #f9f9f9;
            padding: 16px 12px;
            font-size: 14px;
            color: #575757;
        }
        #team .teamSwp .item .txt .name{
            font-size: 18px;
        }
        #team .teamSwp .item .txt .des::before{
            content: '擅长:';
        }
        #team .teamSwp .item .txt .des p{
            display: inline;
        }
      


        @media(max-width:1600px){
            #about .content .txt .t{
                margin-top: 50px;
            }
            #about .content .pic{
                padding: 36px 20px 24px 40px;
            }

            #culture{
                margin-top: 90px;
                padding-top: 60px;
                padding-bottom: 80px;
            }
            #culture .fluid .list .itm{
                margin-top: 45px;
                padding: 30px 20px;
            }
            #culture .fluid .list .itm p:first-child{
                margin-bottom: 15px;
            }

            #dev .content{
                width: 400px;
            }
            #dev .picSwp{
                min-height: 420px;
            }
            #dev .content .history .itm p:first-child{
                font-size: 30px;
                margin-bottom: 25px;
            }
            #dev .content .history .itm p{
                margin-top: 10px;
            }

            #hornor{
                margin-top: 90px;
            }
            #hornor .hornorSwp{
                padding-bottom: 88px;
            }
        }


        @media(max-width:1200px){
            #about .content .pic{
                padding: 20px;
            }
            #about .content .txt .t{
                margin-top: 35px;
            }

            #culture{
                margin-top: 70px;
            }
            #culture .fluid .list .itm {
                margin-top: 35px;
                padding: 20px 15px;
                font-size: 20px;
            }
            #culture .fluid .list .itm p:first-child{
                margin-bottom: 10px;
            }
            
            #dev{
                margin-top: 70px;
            }
            #dev .content{
                width: 320px;
            }
            #dev .content .history{
                margin-top: 20px;
            }
            #dev .content .history .itm p:first-child{
                font-size: 24px;
                margin-bottom: 15px;
            }
            #dev .content .history>p{
                font-size: 24px;
            }
            #dev .picSwp{
                min-height: 320px;
            }   

            #hornor{
                margin-top: 70px;
                padding-top: 70px;
                padding-bottom: 40px;
            }
            #hornor .hornorSwp{
                padding-bottom: 68px;
            }
            #hornor .hornorSwp .hornorPagi span,
            #team .teamSwp .teamPagi span{
                width: 10px;
                height: 10px;
                margin: 0px 6px;
            }
            #hornor .hornorSwp .item{
                padding: 20px;
            }

            #team{
                margin-top: 70px;
                padding-bottom: 40px;
            }
            #team .teamSwp{
                margin-top: 40px;
                padding-bottom: 60px;
            }

        }

        @media(max-width:1024px){
            #about{
                margin-top: 50px;
            }
            #about .content .txt{
                padding-right: 0px;
            }
            #about .content .txt .t{
                margin-top: 25px;
            }
            #about .content>*{
                width: 100%;
            }
            #about .content .pic{
                position: relative;
                margin-top: 25px;
            }
            #about .content .pic::before, 
            #about .content .pic::after{
                width: 180px;
                height: 140px;
            }

            #culture{
                padding: 50px 0px;
            }
            #culture .ttl{
                margin-bottom: 10px;
            }
            #culture .fluid .list{
                margin-left: -15px;
            }
            #culture .fluid .list .itm{
                margin-top: 20px;
                font-size: 18px;
                padding: 15px;
                margin-left: 15px;
                width: calc(50% - 15px);
            }

            #dev{
                margin-top: 50px;
            }
            #dev .content{
                width: 260px;
                margin-right: 30px;
            }


            #hornor{
                padding-top: 40px;
            }
            #hornor .tips .ttl p{
                white-space: normal;
            }
            #hornor .tips .t{
                flex: initial;
                width: 80%;
            }
            #hornor .tips{
                margin-bottom: 40px;
            }
        }

        @media(max-width:767px){
            #about{
                margin-top: 30px;
            }
            #about .content .txt .t{
                margin-top: 15px;
                line-height: 1.6;
            }
            #about .content .pic{
                padding: 6px;
            }
            #about .content .pic::before, 
            #about .content .pic::after {
                width: 120px;
                height: 100px;
            }

            #culture{
                margin-top: 50px;
                padding: 35px 0px;
            }
            #culture .fluid .list{
                margin-left: 0px;
            }
            #culture .fluid .list .itm{
                margin-left: 0px;
                width: 100%;
                font-size: 14px;
                padding: 10px;
                margin-top: 12px;
            }
            #culture .fluid .list .itm p:first-child{
                margin-bottom: 3px;
            }

            #dev{
                display: block;
            }
            #dev .content{
                width: 100%;
                margin-right: 0px;
                margin-bottom: 25px;
            }
            #dev .content .history{
                overflow: hidden;
            }
            #dev .content .history .itm p:first-child{
                font-size: 20px;
            }
            #dev .picSwp{
                width: 100%;
                min-height: 50vw;
            }


            #hornor{
                padding-bottom: 20px;
            }
            #hornor .tips{
                display: block;
                margin-bottom: 25px;
            }
            #hornor .tips .t{
                width: 100%;
                margin-right: 0px;
                padding-left: 0px;
                line-height: 1.6;
                margin-top: 10px;
            }
            #hornor .hornorSwp{
                padding-bottom: 48px;
            }
            #hornor .hornorSwp .item{
                font-size: 14px;
            }
            #hornor .hornorSwp .hornorPagi span, 
            #team .teamSwp .teamPagi span {
                width: 8px;
                height: 8px;
                margin: 0px 4px;
            }

            #team{
                margin-top: 50px;
                padding-bottom: 20px;
            }
            #team .teamSwp{
                margin-top: 25px;
                padding-bottom: 40px;
            }
        }